<!DOCTYPE html>
<html class="am-touch js cssanimations">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>客户识别</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <meta name="renderer" content="webkit" />
    <link rel="icon" type="image/png" href="../../assets/i/favicon.png" />
    <link rel="stylesheet" href="../../assets/css/amazeui.min.css" />
    <link rel="stylesheet" href="../../assets/css/basic.css" />
    <link rel="stylesheet" href="../../assets/css/app.css" />
    <style>
        header, header div{ height: 44px !important; }
        header div a{ display: inline-block; height: 44px !important; line-height: 44px; font-size: 1.8rem; }
        header h1{ padding: 8px; }
        body{ background-color: #fff; }
        #kuai-order form div{ width: 37%; }
        #kuai-order{ border-bottom: none;}
        .am-list-news-bd ul.am-list li{ padding: 10px; color: #333333; }
        .out{ display: none; }
        .am-g a{ padding: 0 !important; }
        li.am-list-item-dated span.right{ margin-top: 0; }
    </style>
</head>
<body>
<header class="am-header am-header-default">
    <div class="am-header-left am-header-nav">
        <a href="#" class=""><i class="icon-left"></i>返回</a>
    </div>
    <h1 class="am-header-title">客户识别</h1>
</header>

<section id="kuai-order">
    <form style="padding: 0 5px;">
        <div class="am-form-group form-select">
            <select class="doc-select">
                <option value="option1">粤</option>
                <option value="option2">粤</option>
                <option value="option3">粤</option>
            </select>
            <span class="am-form-caret"></span>
        </div>

        <div class="am-form-group form-select">
            <select class="doc-select">
                <option value="option1">A</option>
                <option value="option2">A</option>
                <option value="option3">A</option>
            </select>
            <span class="am-form-caret"></span>
        </div>

        <div class="am-form-group form-input">
            <input type="text" class="am-form-field" placeholder="输入车牌">
        </div>

        <button type="submit" class="btn am-btn am-btn-success">GO</button>
    </form>
</section>

<div class="am-list-news-bd ">
    <ul class="am-list">
        <li class="am-g am-list-item-dated">
            <a href="#" class="am-list-item-hd">
                <span>N7435</span>
                <span class="am-list-date right"></span>
            </a>
        </li>
        <li class="am-g am-list-item-dated">
            <a href="#" class="am-list-item-hd">
                <span>N7435</span>
                <span class="am-list-date right"></span>
            </a>
        </li>
        <li class="am-g am-list-item-dated">
            <a href="#" class="am-list-item-hd">
                <span>N7435</span>
                <span class="am-list-date right"></span>
            </a>
        </li>
        <li class="am-g am-list-item-dated">
            <a href="#" class="am-list-item-hd">
                <span>N7435</span>
                <span class="am-list-date right"></span>
            </a>
        </li>
    </ul>
</div>

<section id="smile" class="kuai-fig out">
    <figure class="am am-figure am-figure-default ">
        <img src="../../assets/i/smile.png" data-rel="../../assets/i/smile.png" alt="" />
        <figcaption class="am-figure-capition-btm">输入客户车牌号即可<br />找到客户哦</figcaption>
    </figure>
</section>

<section id="cry" class="kuai-fig out">
    <figure class="am am-figure am-figure-default ">
        <img src="../../assets/i/cry.png" data-rel="../../assets/i/cry.png" alt="" />
        <figcaption class="am-figure-capition-btm">没有找到对应车牌</figcaption>
    </figure>

    <section id="fig-btn out">
        <button type="submit" class="btn am-btn am-btn-success am-btn-lg am-btn-block">添加车牌并开始下单</button>
    </section>
</section>

<section id="busi-main">
    <div data-tab="tabs" class="am-tabs-default">
        <ul class="am-tabs-nav am-cf am-topbar-fixed-bottom">
            <li class="am-active">
                <a href="./">客户</a>
            </li>
            <li class="">
                <a href="./">订单</a>
            </li>
            <li class="">
                <a href="./">车辆</a>
            </li>
            <li class="last">
                <a href="#">设置</a>
            </li>
        </ul>
    </div>
</section>
<!--[if (gte IE 9)|!(IE)]><!-->
<script src="../../assets/js/jquery.min.js" type="text/javascript"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="../../assets/js/jquery.min-1.11.1.js" type="text/javascript"></script>
<![endif]-->
<script src="../../assets/js/amazeui.min.js" type="text/javascript"></script>
<script src="../../assets/js/amazeui.widgets.helper.min.js" type="text/javascript"></script>
<script src="../../assets/js/handlebars.min.js" type="text/javascript"></script>
</body>
</html>